Improved UX on the new DOOR redesignMejoras de UX sobre el nuevo rediseño de DOOR
The rebrand gave DOOR a new look. I made it easier to use, with almost no engineering time.El rebranding le dio a DOOR una imagen nueva. Yo la hice más fácil de usar, casi sin tiempo de ingeniería.
How can we make managers' daily work easier without building a new system?¿Cómo hacerles el día a día más fácil a los managers sin crear un sistema nuevo?
Property managers kept telling us the web app wasn't helping them do their job.Los property managers nos decían que la web no los ayudaba a hacer su trabajo.
DOOR was also in the middle of a rebrand: the look was changing, the friction wasn't.DOOR además estaba en pleno rebranding: cambiaba la estética, no la fricción.
The goal: a better product, not a new one.El objetivo: un producto mejor, no uno nuevo.
Two looks, the same friction.Dos estéticas, la misma fricción.
The 2025 rebrand refreshed the UI, but the flows stayed the same: long forms, bare tables and a home that didn't show what needed attention.El rebranding de 2025 renovó la UI, pero los flujos siguieron iguales: formularios largos, tablas pobres y una home que no mostraba qué necesitaba atención.
Almost no engineering scope.Casi sin scope de ingeniería.
We had just shipped a big UI change, so there was no room for another. I wrote a four-phase roadmap and built the small changes myself with Claude Code.Acabábamos de lanzar un cambio grande de UI y no había lugar para otro. Armé un roadmap en cuatro fases e implementé yo misma los cambios chicos con Claude Code.
FoundationsBases
Access and controlsAccesos y controles
Dashboards and rolesDashboards y roles
Work ordersWork orders
Audit first, then design.Primero auditar, después diseñar.
I reviewed every section and flagged each opportunity on the screens. Then I shared a first set of designs in-house to align the team.Revisé cada sección y marqué cada oportunidad sobre las pantallas. Después presenté un primer set de diseños para alinear al equipo.
Rules, written down.Reglas, por escrito.
I tested edge cases and documented templates, layouts, tables and dashboard specs in Figma and Confluence.Probé edge cases y documenté templates, layouts, tablas y specs del dashboard en Figma y Confluence.
A real, working prototype.Un prototipo real y funcional.
I built it with Claude, presented it to the PO and tested it twice: internally and live in Lyssna.Lo construí con Claude, lo presenté al PO y lo testeamos dos veces: internamente y en vivo en Lyssna.
Shipped without engineering.Lanzado sin ingeniería.
I built the low-effort changes myself. Home, sidenav and property picker are live; People is in testing.Implementé yo misma los cambios de bajo esfuerzo. Home, navegación y selector de propiedad ya están en producción; Personas está en testeo.
Positive results in both tests.Resultados positivos en ambos tests.
Only small tweaks came up, and the next iteration is already underway.Solo surgieron ajustes chicos, y la próxima iteración ya está en marcha.
No engineering scope doesn't mean no UX progress. Small, testable phases kept the product improving.Sin scope de ingeniería igual se puede avanzar en UX. Fases chicas y testeables hicieron que el producto siguiera mejorando.